<div class="modal-dialog" data-bind="hotkeydown: { 'esc': $data.close }">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-bind="click: $data.close"><i class="mi mi-interface-71"></i></button>
            <h4 class="modal-title" data-bind="text: $data.title">Title</h4>
        </div>
        <div class="modal-body">
            <div class="alert alert-danger" data-bind="visible: $data.formErrors().length > 0">
            	<!-- ko foreach: $data.formErrors() -->
            		<!-- ko if: !_.isUndefined($data.message) -->
						<!-- ko text: $data.message --><!-- /ko -->
					<!-- /ko -->
					<!-- ko if: !_.isUndefined($data.messageHtml) -->
						<!-- ko compose: { view: $data.messageHtml+'.html', mode: 'templated' } --><!-- /ko -->
					<!-- /ko -->
				<!-- /ko -->
            </div>
            <div class="" data-part="content">Contenu vide</div>
        </div>
        <div class="modal-footer">
        	<span data-part="additionalButton"></span>
            <button data-bind="text: $data.okButtonText ? $data.okButtonText : 'OK', 
            				   click: $data.save, 
            				   enable: true" 
					type="button" 
					class="btn btn-primary"></button>
            <button data-bind="click: $data.close" type="button" class="btn btn-default">Close</button>
        </div>
    </div>
</div>